*{
	margin:0;padding:0;
}
.App{
  width:100%;
  height:100%;
  overflow: hidden;
  display:-webkit-flex;
  flex-direction:column;
}
.Header{
  height:50px;
  background:red;
}
.Section{
  -webkit-flex:1;
}
.sectionContent{
  background:#ccc;
  width: 100%;
  margin-bottom:50px;
  color:red;
}

.Footer{
  height:50px;
  width:100%;
  border-top:1px solid #ccc;
  background:#fff;
  position: fixed;
  bottom: 0;
  
}
.footerContent{
  color:#ccc;
  width: 100%;
  display:-webkit-flex;
}
.footerContent a{
	color:#ccc;
	text-decoration: none;
}
dt{
	font-size: 20px;
	line-height: 30px;
	height:30px;
	color:#ADEEDA;
}
dd{
	height:20px;
	font-size:16px;
	line-height: 20px;
	color:#ADEEDA;
}
.footerContent .tabItem{
  cursor:pointer;
  -webkit-flex:1;
  text-align:center;
}
.footerContent .tabItem:nth-of-type(1){
	border-right:1px solid #ccc;

}
.footerContent .tabItem:nth-of-type(2){
	border-right:1px solid #ccc;

}
.footerContent .tabItem:nth-of-type(3){
	border-right:1px solid #ccc;

}
.footerContent .tabItem:nth-of-type(4){

}
.clactive{
	background:red;
}
